同样是描边字,为什么你做的总是很土气?(视频教程)
点击下方观看视频版哦~
https://v.qq.com/txp/iframe/player.html?vid=q0521z92cgj&width=500&height=375&auto=0
以下是图文版:
本期我们研习设为大家带来的分享内容是关于《元素描边的应用与技巧》。起初看到这个标题,内心是否会有“描边不是很简单吗?” “这有什么难的?”等等疑问。但不妨回想一下在设计过程中,自己是否真的理解为某一元素做描边处理的目的呢?又是否只是随意设置了某种与版面内容毫不相干的描边样式呢?在本期的内容中,我们会学习到各种与描边相关的表现形式,包括文字描边与图形描边的技巧,同时也会详细分析在不同应用情景下的注意事项与处理方法,接下来让我们一起来学习今天的内容吧!
之所以会有这种“描边会显得难看”的印象,是因为没有正确的运用描边的技巧,并且这种具有问题的版面通常会伴随着让人眼花缭乱的色彩与字体以及复杂的图形背景。但这些问题与描边本身无关,接下来我们一起了解一下这其中的注意事项有哪些。
在复杂的图片背景上添加文字信息,首先需要考虑的要点就是文字的可识别性问题,选择与背景具有明显反差的色彩是解决这个问题的首选。但对于那些明暗对比过于强烈的图片来说,单单修改文字的色彩依然没有办法很好的解决识别问题,特别是文字在小尺寸的情况下尤为明显。
在文字的轮廓上添加描边后,文字的边缘与复杂的背景之间产生了隔离效果,强调了文字边线的同时也更倾向于图形属性,在视觉上也更加有看点。但需要注意的是,小尺寸下的文字是需要仔细阅读的,添加描边后反而让其显得更加复杂和难读了。
小尺寸的文字并不适合采用描边的处理方式,对于标题文字来说,为其添加描边能够丰富细节,区别于文字的常规印象。但这对于需要仔细阅读的大面积文字来说并不适合,为了保证可阅读性,我们需要加大复杂背景与小文字的区隔距离,产生可供呼吸的空间。
熟练掌握这些样式,这有助于我们进一步了解描边。从描边相对于轮廓线的位置来说,可以分成:内部描边、居中描边以及外部描边,不同的描边位置会改变元素本身的大小以及面貌;从折角的过渡形状也可以分为:方形折角、圆形折角和菱形折角。同样,不同的处理形式会决定元素的最终样貌。
左侧是采用居中描边的形式,并且折角采用菱形描边的例子,但因为对粗细的把控不够而导致文字的识别度出现了问题。那么应该如何掌控描边的粗细度呢?这里并没有具体数值,我们可以依据一些比例来规范它,右侧是修改后的版本,描边的粗细与内部的负空间宽度在视觉上几乎相等,在识别性方面也有所改善。
左侧的圆体文字采用了内部描边加上方形折角的描边样式,整体给人不是很自然的印象。对于文字来说,为了不影响到文字本身的轮廓,通常可以选择外部描边会比较妥当。描边的比例也需要根据具体应用场景进行相关调整,右侧是修改属性与粗细的文字。
左侧是宋体字添加居中描边并采用方形折角样式的描边,那么它会出现什么问题呢?宋体的外形变化相对于圆体或黑体来说,幅度更大,采用居中样式的粗厚描边会影响到其识别性与美观度。除采用外部描细边的样式外,我们也可以利用其结构特点,采用内部描边的样式,粗细控制在与横笔线条相同的宽度,在保证原字体轮廓的同时也带来了具有特色的外形。
左侧是书法字体外部描边并采用圆形折角的样式,对于这种带有飞白的书法字体来说,最好的建议就是不要采用描边的形式处理,因为这种不规则的轮廓会让元素整体显得非常复杂,并且难以辨认。为了突出边线可以在文字下方叠加相同的轮廓,形成类似投影效果。
书名《无尽的谈话》,是作者与作家/哲学家之间的谈话,提取无穷无尽的概念作为切入点,并将其视觉化处理和呈现,那么应该如何表现这一概念呢?最后决定采用矛盾空间式的图形来表现这一概念,采用圆形作为基础形状,以结构线条作为图形的呈现形式。
将得出的图形与文字组合,形成前后的叠压效果。为了让图形与版面更加融合,将图形反黑,描边填充背景相同的色彩,产生负形的裁切效果。
接下来我们继续刻画图形部分,在图形轮廓的内部添加无尽的谈话的英文翻译,并不断重复,以产生围绕整个图形的目的,进一步呼应主题。接下来添加其余文字信息,并根据比例安排位置关系。
谈话这一抽象的概念又应该如何表现呢?选用堆叠的对话框来表现谈话这一概念,并且相互堆叠而形成的类似书页层层堆积印象,也表达了这种无休止的谈话情景。在方向和大小做出变化,以凸显版面的空间与层次感。之后为中央图形添加肌理质感。
封面的版式编排基本差不多了,接下来我们为其添加腰封,将文字信息划分好层级后置入到版面中来,吸取主标题的色彩,让两个页面产生呼应关系,并通过比例网格确定元素的位置大小。
继续添加其余文字信息,这里需要注意的是,留白也是版面中的积极元素,将版面填满会产生压抑和不透气的感觉。
接下来,在左侧空白位置添加作者的肖像照片,以及系列书籍名称。照片形状采用圆形轮廓,与版面中其余元素产生呼应关系,系列名称与色块结合,在保证识别的同时也具有强烈的图形属性。
根据版面中的元素信息,延展出书脊部分的编排,这个书籍封面的设计就至此告一段落了,接下来我们看一下展示效果。
这是一场以钢琴旋律加上马戏于一身的戏剧演出,演奏家会以各种反常规的角度进行表演,其中充满了梦幻与艺术感。这里我提取“旋转”和“木马”作为主视觉的切入点,将“木马”视觉化处理,通过旋转得出轨迹轮廓,并赋予梦幻的色彩来烘托画面氛围。
将图形元素编排到版面中,确定好与页面的比例关系与留白空间后,添加文字信息,将英文竖向编排在版面到左上角与右下角的位置上,成为稳定版面的基本结构,与主体形成对角线式的构图。
这里将英文字反黑成空心字,削弱了英文字在版面中的视觉强度,从而拉伸版面的纵深层次。并在版面右上角添加其余文字信息,多语环境下能够给人更广阔的区域感。版面中文字以线条的形式出现,直线/竖线/曲线/折线的出现充满了变化性,避免了过于呆板的印象。
将剩下的文字信息依次编排到版面中合适的位置上,并规范其层级大小以及文字与版面之间的比例关系。
所有元素都规范在版心中,运用网格系统规范一下元素的位置与关系后,这个版面的静态页面就完成了。那么在电子媒体中可以做出哪些变化呢?可以将版面中的主视觉元素处理成动态效果。
大概思路是,让主视觉的色彩围绕文字的轨迹,形成动态的梦幻氛围。这里分享一下实现的步骤:
第①步 在PS软件中的动作面板建立新的动作。
第②步 建立色相饱和度图层,并修改色相数值,之后结束动作录制。(也就是说,每次触发动作都会新建一个色相调整层)
第③步 打开时间轴面板,将色彩调整层与时间轴同步,设置关键帧的显示顺序即可。
技法的制作就像是登山,上山的路有很多,但山顶只有一个。无论使用什么方法,只要能够达到想要的效果就可以了,并不需要纠结于某种执行并死记硬背,重要的是要知道这背后的逻辑。
描边是一种强调元素结构的处理形式,在各个领域的应用都非常广泛。不同的描边形式能够展现出不同的风格与特点。本期我们一起学习了元素描边的技巧以及各种表现形式,也知道了描边的不同样式对最终呈现所造成的影响以及不同比例字号下,便于阅读的描边方法。熟练掌握描边的技巧,能够有效解决设计中遇到的相关问题。最后,感谢你的观看,希望本期的内容能够帮助到你。
———— 我们下期见!
错过上方精彩视频教程,点我一样可以观看哦~
https://v.qq.com/txp/iframe/player.html?vid=q0521z92cgj&width=500&height=375&auto=0
1.下方各种“文字”中哪一个是“负形描边”的表现形式?
2.下方字效中,哪一种字形不适合做描边处理?
3.下列选项中,哪个海报采用了图形描边?
往期精彩内容推荐(点击观看视频教程)
https://v.qq.com/txp/iframe/player.html?vid=h0517w9piu5&width=500&height=375&auto=0
长按二维码关注研习设
每周一篇原创、精品设计文章
(每周四晚9:00)
欢迎个人转发,转载请参照“转载须知”